/*显示动画css*/
@-webkit-keyframes select_start {
    0% {
        left: 7.5rem;
    }
    /*100% {*/
        /*left: 0;*/
    /*}*/
}
@-webkit-keyframes select_end {
    /*0% {*/
        /*left: 0;*/
    /*}*/
    /*100% {*/
        /*left: 7.5rem;*/
    /*}*/
}

/*======滚动条样式======*/
::-webkit-scrollbar {
    width: 2px;
}
::-webkit-scrollbar-button {
    width: 2px;
    height:5px;
}
::-webkit-scrollbar-track {
    background:#eee;
    border: thin solid lightgray;
    box-shadow: 0px 0px 3px #dfdfdf inset;
    border-radius:10px;
}
::-webkit-scrollbar-thumb {
    background:#ccc;
    border: thin solid gray;
    border-radius:10px;
}
::-webkit-scrollbar-thumb:hover {
    background:#7d7d7d;
}
::-webkit-scrollbar{display:none}

/*头部内容*/
.masking{ width: 100%; height:100%; position: fixed;left:0;top:0;z-index:26;background: #444; opacity: 0.5; display: none}
.select_con{ width: 100%; height:100%;max-width: 7.5rem;position: fixed; left:0;top:0;z-index:666;background: #fff;overflow-y: auto;overflow-x: hidden; }
.select_con .select_header { width:7.5rem;height:1rem; line-height: 1rem; position: fixed;background:#00c6c9; z-index: 888;}
.select_con .select_header a{display: block;float: left}
.select_con .select_header a.close{width:1rem;height:1rem;background: url(/default/images/mobile/layout/41.png) .2rem center no-repeat; background-size: .5rem; margin: 0}
.select_con .select_header .title{font-size:.36rem; color: #fff;line-height:1rem;width:5rem;text-align: center;overflow: hidden; float: left;}
.select_con .select_header a.determine{width:1.5rem;height:1rem; line-height: 1rem; float: left; text-align: center; color: #fff; font-size: .3rem;}

/*选中列表*/
.select_con .selected{ width: 100%;display: none; float: left;}
.select_con .selected dl{ padding:0 .3rem; height:auto; float:left;border-bottom: 1px solid #F2F2F2;background: #fff;  width: 6.9rem;}
.select_con .selected dt{ width: .9rem; margin: 0; line-height:1rem; padding: 0; font-size:.26rem; color:#555; float: left }
.select_con .selected dd{  float: left; padding: .3rem 0 .15rem 0; width:6rem}
.select_con .selected dd span{ float: left; margin:0 .18rem .15rem  0 ; border-radius: .05rem; border:1px solid #00c6c9; padding:0 .45rem 0 .2rem ;line-height: .4rem;position: relative }
.select_con .selected dd span i{background: url(/default/images/mobile/layout/error.png) center center no-repeat; background-size:.26rem; width: .2rem; height: .2rem;
    position: absolute;top:0; right:0; padding: .1rem ; cursor: pointer;}

/*select单列列表内容*/
.select_con .select_list{width:7.2rem; height: 100%; float: left; padding-left: .3rem; margin-top: 1rem;}


.select_con .select_list #first{overflow: hidden;width: 100%; float: left;height: 100%}
.select_con .select_list #second{overflow: hidden;width: 100%; float: left;height: 100%}
.select_con .select_list ul{width: 100%; float: left; }
.select_con .select_list li{ width: 100%; height: 1rem ; line-height: 1rem; border-bottom: 1px solid #F2F2F2;position: relative; z-index: 2}
.select_con .select_list li a{ width:  100%; height: 1rem ; display: block; font-size: .3rem;float: left;}
.select_con .select_list li a span{  width: 100%;  float: left;  height: 1rem ; display: block;}
.select_con .select_list li.sel a:after{ content: ''; background: url(/default/images/mobile/layout/correct.png) center center no-repeat; background-size:.3rem;
    width: 1rem; height: 1rem;position: absolute; right: 0; top: 0}
.select_con .select_list li.curr a{color: #00c6c9}

.select_con .select_list ul.first li a .tip{height:1rem;line-height:1rem;float: right; margin-right:.5rem;font-size: .26rem;color:#999}
.select_con .select_list ul.first li a:after{content: ''; position: absolute; top: .3rem;display: inline-block;width: .22rem;height: .4rem;
    background: url(/default/images/mobile/layout/common.png) -2.64rem -1.43rem;background-size: 3.2rem 3.73rem;right:.4rem;}
.select_con .select_list ul.first li.sel a:after{ content: ''; background: url(/default/images/mobile/layout/correct.png) center center no-repeat; background-size:.3rem;
    width: 1rem; height: 1rem;position: absolute; right: 0; top: 0}



/*select双列列表内容*/
.select_con .many_list {width:100%; height: 100%; float: left; margin-top: 1rem;}
.select_con .many_list #one{overflow: hidden;width: 50%; float: left; box-sizing: border-box; height:100%}
.select_con .many_list #two{overflow: hidden;width: 50%; float: left;border-left:1px dashed #ccc;box-sizing: border-box; height:100%}
.select_con .many_list #three{overflow: hidden;width:100%; float: left;height:100%;}
.select_con .many_list #four{overflow: hidden;width:100%; float: left;height:100%;}
.select_con .many_list ul{width:100%; float: left;}
.select_con .many_list li{ width:100%;height: 1rem ;line-height: 1rem;position: relative; z-index: 1}
.select_con .many_list li a{margin: 0 .2rem;  height: 1rem ; border-bottom: 1px solid #F2F2F2;box-sizing: content-box;  display: block; font-size: .3rem; }
.select_con .many_list li a span{ float: left;  height: 1rem ; display: block;}
.select_con .many_list ul li.curr a{color: #00c6c9}
.select_con .many_list ul.two li a:after,.select_con .many_list ul.three li a:after{content: ''; position: absolute; top: .3rem;display: inline-block;width: .22rem;height: .4rem;
    background: url(/default/images/mobile/layout/common.png) -2.64rem -1.43rem;background-size: 3.2rem 3.73rem;right:.4rem;}
.select_con .many_list li.sel a:after,.select_con .many_list ul.three li.sel a:after{ content: ''; background: url(/default/images/mobile/layout/correct.png) center center no-repeat; background-size:.3rem;
    width: 1rem; height: 1rem; position: absolute; right: 0; top: 0}

/*select双列列表内容*/
.select_con .time_list {width:100%;float: left; height: 100%; margin-top: 1rem;}
.select_con .time_list #one{overflow: hidden;width: 50%; float: left; box-sizing: border-box;height:100%;border-bottom: 1px solid #eee}
.select_con .time_list #two{overflow: hidden;width: 50%;float: left; border-left:1px solid #eee; box-sizing: border-box;  height:100%;border-bottom: 1px solid #eee}
.select_con .time_list ul{width: 100%; float: left;  box-sizing: border-box ; }
.select_con .time_list li {line-height: 1rem; height: 1rem; width: 100%; float: left;position: relative; z-index: 1;}
.select_con .time_list li a{line-height: 1rem; height: 1rem; padding: 0 .3rem; display: block; color: #666;  text-decoration: none;
    overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;  font-size: .32rem;}
.select_con .time_list li a span{line-height: 1rem;height: 1rem; float:left;font-size: .32rem;}
.select_con .time_list li.sel a:after{ content: ''; background: url(/default/images/mobile/layout/correct.png) center center no-repeat; background-size:.3rem;
    width: 1rem; height: 1rem; position: absolute; right: 0; top: 0}

.select_con .toDate {width:7.1rem; padding:0 .2rem;float: left; height: .8rem; line-height:.8rem;text-align: center; margin-top: .05rem;}
.select_con .toDate a{width:100%;float: left; height: .8rem; color:#888; background: #eee; font-size: .3rem; display: none; }